<style>
    .n-statistic__label{
        font-size: 18px !important;
        font-weight: bold !important;
        color: black !important;
    }
</style>
<div id="vue-basic-wait"></div>
<script>
    Dcat.ready(function () {
        window.appInit("#vue-basic-wait", {
            template: `<n-card title="代办事项">
                <n-space vertical>
                    <n-row>
                        <n-col :span="8" style="text-align: center">
                            <n-statistic label="待发货的商品订单数">
                                <n-a href="{{url('shop/good-order')}}" >
                                  <n-tooltip trigger="hover">
                                    <template #trigger>
                                     <n-tag type="success" checkable style="font-size: 36px;"><span class="text-info">{{ $order['good_num'] }}</span></n-tag>
                                    </template>
                                    点击跳转查看
                                  </n-tooltip>
                                </n-a>
                            </n-statistic>
                        </n-col>
                        <n-col :span="8" style="text-align: center">
                            <n-statistic label="待安排人员的服务订单数、">
                                <n-a href="{{url('shop/service-order')}}?m=1" >
                                  <n-tooltip trigger="hover">
                                    <template #trigger>
                                     <n-tag type="success" checkable style="font-size: 36px;"><span class="text-info">{{ $order['wait_num'] }}</span></n-tag>
                                    </template>
                                    点击跳转查看
                                  </n-tooltip>
                                </n-a>
                            </n-statistic>
                        </n-col>
                        <n-col :span="8" style="text-align: center">
                            <n-statistic label="待上门的服务订单数">
                                <n-a href="{{url('shop/service-order')}}?m=2" >
                                    <n-tooltip trigger="hover">
                                        <template #trigger>
                                            <n-tag type="success" checkable style="font-size: 36px;"><span class="text-info">{{ $order['order_num'] }}</span></n-tag>
                                        </template>
                                        点击跳转查看
                                    </n-tooltip>
                                </n-a>
                            </n-statistic>
                        </n-col>
                    </n-row>
                </n-space>
            </n-card>`,
            setup() {
                let num = {{$num}};
                if(num){
                    Dcat.success(`有 ${num} 项待办事项需要处理`)
                }
                return {
                    msg:"1"
                }
            }
        })
    })
</script>

